<template>
  <div class="ad">
    <swiper :list="demo01_list" dots-position="center" loop  auto ></swiper>
  </div>
</template>
<script>
import {Swiper} from 'vux'
const baseList = [{
  url: 'javascript:',
  img: 'static/img/find/33.jpg'
}, {
  url: 'javascript:',
  img: 'static/img/find/22.png'
}, {
  url: 'javascript:',
  img: 'static/img/find/11.jpg'
}]
export default {
  components: {
    Swiper
  },
  ready () {
  },
  methods: {
    onSwiperItemIndexChange (index) {
      console.log('demo item change', index)
    }
  },
  data () {
    return {
      demo01_list: baseList
    }
  }
}
</script>
<style lang='less' scoped>
.ad{
   overflow-y: hidden;
}
</style>
